<template>
  <el-page-header @back="goBack">
    <template #content>
      <div
        class="flex items-center"
        style="display: flex; align-items: center; margin-bottom: 5px"
      >
        <!-- <el-avatar
          :size="32"
          class="mr-3"
          src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        /> -->
        <Icon size="20" name="fa fa-hdd-o" class="mr-3" />
        <span class="text-large font-600 mr-3"
          >网关编号 {{ accessPointer.single.code }}
        </span>
      </div>
    </template>
    <!-- <template #extra>
              <div class="flex items-center">
                  <el-button>Print</el-button>
                  <el-button type="primary" class="ml-2">Edit</el-button>
              </div>
          </template> -->
  </el-page-header>
</template>
<script lang="ts" setup>
import { ref, onUnmounted, onMounted, provide, toRaw } from "vue";
import { useRouter, useRoute } from "vue-router";
import { useAccess } from "@/store/backend/DeviceM/access";
import { useAccessPoint } from "@/store/backend/AccessPointM/accessPoint";

const router = useRouter();
const route = useRoute();
const access = useAccess();
const accessPointer = useAccessPoint();

const statusColor = ref("");
//后退
const goBack = () => {
  router.back();
};
//持续在单个设备详情页面实时获取数据进行更新
onMounted(() => {});
</script>
<style lang="scss" scoped>
.mr-3 {
  margin-right: 5px;
}
</style>
